<template>
  <div id="index">
    <ms-header :activeIndex="activeIndex"></ms-header>
    <ms-banner></ms-banner>
    <student-product></student-product>
    <ms-footer></ms-footer>
  </div>
</template>
<script>
  import MsHeader from './Common/ms-header'
  import MsBanner from './Common/ms-banner'
  import MsFooter from './Common/ms-footer'
  import StudentProduct from './StudentProduct/StudentProduct'
  export default {
    props: ['activeIndex'],
    name: 'index',
    components: {MsHeader,MsBanner,MsFooter,StudentProduct}
  }
</script>
<style>
  #studentProduct {
    overflow: hidden;
  }
</style>
